/*
  学习目标：React创建h1标签, 渲染在浏览器中
*/

//  1. 导包 react 和 react-dom
import React from 'react';
import ReactDOM from 'react-dom';

// 2. 创建React元素: 虚拟dom(保存了关键信息的JS对象)
// 语法: React.createElement("标签的类型", {标签的属性: 值}, "标签的内容")
// 💥 如果标签没有任何熟悉, 可以使用null 或者 {}
const title = React.createElement('i', {}, 'hello react');

//  3. 渲染React元素
// 语法: ReactDOM.render(React元素, 真实DOM作为挂载点)
ReactDOM.render(title, document.getElementById('root'));
